<%--
  Created by IntelliJ IDEA.
  User: yangtao
  Date: 2021-09-07
  Time: 11:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<style>
    .td {
        /*不换行，省略号代替*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    / / . . .
    }
</style>

<div class="app-title">
    <div>
        <h1><i class="fa fa-th-list"></i>井控案例数据展示</h1>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered" id="caseTable">
                        <thead>
                        <tr>
                            <th rowspan="2">序号</th>
                            <th rowspan="2">井号</th>
                            <th rowspan="2">所属单位</th>
                            <th rowspan="2">区块名称</th>
                            <th colspan="3">目的层</th>

                            <th rowspan="2">开钻日期</th>
                            <th rowspan="2">完钻日期</th>
                            <th colspan="2">防喷器</th>

                            <th rowspan="2">井控是否按照规定演习</th>
                            <th rowspan="2">固井质量</th>
                            <th rowspan="2">井别</th>
                            <th rowspan="2">井型</th>
                        </tr>
                        <tr>
                            <th>岩性</th>
                            <th>深度</th>
                            <th>流体类型</th>
                            <th>安装情况</th>
                            <th>试压情况</th>
                        </tr>
                        </thead>
                        <tbody>

                        <c:forEach items="${casePage.content}" var="casepage" varStatus="vst">
                            <tr>
                                <td>${vst.count}</td>
                                <td><a href="javascript:getInfo(${casepage.wellid})">${casepage.wellnum}</a>
                                </td>
                                <td>${casepage.proprietor}</td>
                                <td>${casepage.area}</td>
                                <td>${casepage.mdcyx}</td>
                                <td>${casepage.mdcsd}</td>
                                <td>${casepage.mdcltlx}</td>
                                <td>${casepage.begindate}</td>
                                <td>${casepage.enddate}</td>
                                <td>${casepage.bopinstall}</td>
                                <td>${casepage.boptest}</td>
                                <td>${casepage.controltest}</td>
                                <td>${casepage.cemquality}</td>
                                <td>${casepage.wellCategory.cateid}</td>
                                <td>${casepage.wellType.typeid}</td>
                            </tr>
                        </c:forEach>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#caseTable').dataTable({
            "paging": true,
            "lengthChange": true,

        });
    });

    function getInfo(wellid) {
        $(".app-content").load("${ctx}/well/wellinfo/" + wellid);
    }


</script>